iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 43 瀏覽

技術 2024 IT鐵人賽 Day7 - Function

一般的Function function Hello() { console.log("一般的Function", "Hell...

will93068 ‧ 2024-09-25

0 Like 0 留言 74 瀏覽

技術 2024 IT鐵人賽 Day6 - 取得DOM元素

querySelector 尋找DOM 可以用來尋找(ID)、Class、tag const H1Class = document.querySelecto...

will93068 ‧ 2024-09-25

0 Like 0 留言 50 瀏覽

鐵人賽 JavaScript DAY 6

React30——用 React 探索 JavaScript30 的魅力系列第 10 篇

技術 [Day10]_Hold-Shift-and-Check-Checkboxes

Day10 是要實作可以用 Shift 來多選框框的題目建立資料 const checkboxData: string[] = [ "This...

ayao ‧ 2024-09-25

0 Like 0 留言 47 瀏覽

技術 2024 IT鐵人賽 Day5 - 運算子加減乘除、特殊運算子轉型

加減乘除 // 加減乘除 let a1 = 1 + 1; let a2 = 2 - 1; let a3 = 2 * 6; let a4 = 6 / 2; c...

will93068 ‧ 2024-09-24

0 Like 0 留言 24 瀏覽

鐵人賽 JavaScript DAY 6

React30——用 React 探索 JavaScript30 的魅力系列第 9 篇

技術 [Day09]_Dev-Tools-Domination

Day09 主要在介紹各種 console 的用法基本用法 console.log("Hello") 穿插字串 console.log(...

ayao ‧ 2024-09-24

0 Like 0 留言 86 瀏覽

技術 2024 IT鐵人賽 Day4 - && 語法與 || 語法、switch判斷式

&& 需滿足所有條件 // && 語法範例 let a = true; let b = false; if (a &&...

will93068 ‧ 2024-09-23

0 Like 0 留言 22 瀏覽

鐵人賽 JavaScript DAY 6

React30——用 React 探索 JavaScript30 的魅力系列第 8 篇

技術 [Day08]_Canvas

Day08 是要利用 HTML5 Canvas 來做出畫布資料狀態 canvasRef, ctxRef 用來取得顯示的內容 isDrawing 判斷是...

ayao ‧ 2024-09-22

0 Like 0 留言 70 瀏覽

技術 2024 IT鐵人賽 Day3 -If判斷式、檢驗型別

if判斷式 if…else const Str = "1234"; const Numstr = 1234; if (Str == N...

will93068 ‧ 2024-09-22

0 Like 0 留言 59 瀏覽

鐵人賽 JavaScript DAY 6

React30——用 React 探索 JavaScript30 的魅力系列第 7 篇

技術 [Day07]_Array-Cardio-Day2

今天跑去聽演唱會，完全忘記要來發文，太慘惹，我好蠢ＱＱ要能時時刻刻記得自己有在進行鐵人賽的參賽者們真的很不簡單明年真的要確實提早準備，還要記得每天訂鬧鐘提醒自...

ayao ‧ 2024-09-22

1 Like 0 留言 120 瀏覽

技術 2024 IT鐵人賽 Day2 -變數宣告

變數宣告 var 全域變數： var 宣告的變數在函式作用域內是全域的，並且可以在函式內的任何地方使用。var 變數可以重新宣告和重新賦值。var 變數會被...

will93068 ‧ 2024-09-22

0 Like 0 留言 31 瀏覽

鐵人賽 JavaScript DAY 6

React30——用 React 探索 JavaScript30 的魅力系列第 6 篇

技術 [Day06]_Type-Ahead

Day06 要做的是動態搜尋功能，是個可以偵測使用者輸入字串的篩選器建立資料資料可以由 fetch 遠端取得 searchQuery 用來儲存搜尋字...

ayao ‧ 2024-09-20

0 Like 0 留言 122 瀏覽

技術 2024 IT鐵人賽 Day1 -node.js環境測試、型別

Node.js環境配置首先這是Node.js的官網https://nodejs.org/zh-tw NVM 安裝 node 使用 * nvm list ava...

will93068 ‧ 2024-09-20

0 Like 0 留言 21 瀏覽

鐵人賽 JavaScript DAY 5

React30——用 React 探索 JavaScript30 的魅力系列第 5 篇

技術 [Day05]_Flex-Panel-Gallery

Day05 是利用 CSS 的 flex 特性來完成伸縮畫廊，做出有互動效果的圖片展示面板建立資料之後會用這些資料來展示圖片需要的資訊 const i...

ayao ‧ 2024-09-19

0 Like 0 留言 27 瀏覽

鐵人賽 JavaScript DAY 4

React30——用 React 探索 JavaScript30 的魅力系列第 4 篇

技術 [Day04]_Array-Cardio-Day1

沒想到 Day04 是單純的 JS 題目，主要聚焦在 JavaScript 陣列方法的使用，但我最後還是有寫在 CodeSandBox 裡面惹，就開始ㄅ Q1...

ayao ‧ 2024-09-18

0 Like 0 留言 68 瀏覽

鐵人賽 JavaScript DAY 3

React30——用 React 探索 JavaScript30 的魅力系列第 3 篇

技術 [Day03]_CSS-Variables

Day03 是用 CSS 變數來更改圖片的樣式，可以做出簡單的圖片編輯器，但我剛開始的寫法似乎沒有符合原作的精神（？後來問了 AI 後，發現還是可以從 CSS...

ayao ‧ 2024-09-17

0 Like 0 留言 22 瀏覽

鐵人賽 JavaScript DAY 2

React30——用 React 探索 JavaScript30 的魅力系列第 2 篇

技術 [Day02]_Clock

Day02 要做的是虛擬時鐘，就讓我們直接開始ㄅ時間資料先用 useState 建立目前的時間 const [time, setTime] = useS...

ayao ‧ 2024-09-16

3 Like 0 留言 121 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 30

菜雞學習JavaScript的30日讀書分享系列第 30 篇

技術菜雞學習JavaScript的30日讀書分享【Day 30】for迴圈與while迴圈的差別

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-30

2 Like 0 留言 112 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 29

菜雞學習JavaScript的30日讀書分享系列第 29 篇

技術菜雞學習JavaScript的30日讀書分享【Day 29】break與continue

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-29

1 Like 0 留言 119 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 28

菜雞學習JavaScript的30日讀書分享系列第 28 篇

技術菜雞學習JavaScript的30日讀書分享【Day 28】while迴圈

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-28

1 Like 0 留言 119 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 27

菜雞學習JavaScript的30日讀書分享系列第 27 篇

技術菜雞學習JavaScript的30日讀書分享【Day 27】for迴圈

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-27

1 Like 0 留言 122 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 26

菜雞學習JavaScript的30日讀書分享系列第 26 篇

技術菜雞學習JavaScript的30日讀書分享【Day 26】三元運算子

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-26

1 Like 0 留言 140 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 25

菜雞學習JavaScript的30日讀書分享系列第 25 篇

技術菜雞學習JavaScript的30日讀書分享【Day 25】switch流程判斷

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-25

2 Like 0 留言 134 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 24

菜雞學習JavaScript的30日讀書分享系列第 24 篇

技術菜雞學習JavaScript的30日讀書分享【Day 24】if...else流程判斷

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-24

1 Like 0 留言 114 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 23

菜雞學習JavaScript的30日讀書分享系列第 23 篇

技術菜雞學習JavaScript的30日讀書分享【Day 23】邏輯運算子延伸

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-23

1 Like 0 留言 129 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 22

菜雞學習JavaScript的30日讀書分享系列第 22 篇

技術菜雞學習JavaScript的30日讀書分享【Day 22】真值與假值

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-22

1 Like 0 留言 158 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 21

菜雞學習JavaScript的30日讀書分享系列第 21 篇

技術菜雞學習JavaScript的30日讀書分享【Day 21】邏輯運算子

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-21

2 Like 0 留言 152 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 20

菜雞學習JavaScript的30日讀書分享系列第 20 篇

技術菜雞學習JavaScript的30日讀書分享【Day 20】逗號運算子

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-20

1 Like 0 留言 154 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 19

菜雞學習JavaScript的30日讀書分享系列第 19 篇

技術菜雞學習JavaScript的30日讀書分享【Day 19】指派運算子

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-19

1 Like 0 留言 150 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 18

菜雞學習JavaScript的30日讀書分享系列第 18 篇

技術菜雞學習JavaScript的30日讀書分享【Day 18】自動轉型-下

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-18

1 Like 0 留言 142 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 17

菜雞學習JavaScript的30日讀書分享系列第 17 篇

技術菜雞學習JavaScript的30日讀書分享【Day 17】自動轉型-上

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-17

技術 2024 IT鐵人賽 Day7 - Function

技術 2024 IT鐵人賽 Day6 - 取得DOM元素

技術 [Day10]_Hold-Shift-and-Check-Checkboxes

技術 2024 IT鐵人賽 Day5 - 運算子加減乘除、特殊運算子轉型

技術 [Day09]_Dev-Tools-Domination

技術 2024 IT鐵人賽 Day4 - && 語法與 || 語法、switch判斷式

技術 [Day08]_Canvas

技術 2024 IT鐵人賽 Day3 -If判斷式、檢驗型別

技術 [Day07]_Array-Cardio-Day2

技術 2024 IT鐵人賽 Day2 -變數宣告

技術 [Day06]_Type-Ahead

技術 2024 IT鐵人賽 Day1 -node.js環境測試、型別

技術 [Day05]_Flex-Panel-Gallery

技術 [Day04]_Array-Cardio-Day1

技術 [Day03]_CSS-Variables

技術 [Day02]_Clock

技術 菜雞學習JavaScript的30日讀書分享【Day 30】for迴圈與while迴圈的差別

技術 菜雞學習JavaScript的30日讀書分享【Day 29】break與continue

技術 菜雞學習JavaScript的30日讀書分享【Day 28】while迴圈

技術 菜雞學習JavaScript的30日讀書分享【Day 27】for迴圈

技術 菜雞學習JavaScript的30日讀書分享【Day 26】三元運算子

技術 菜雞學習JavaScript的30日讀書分享【Day 25】switch流程判斷

技術 菜雞學習JavaScript的30日讀書分享【Day 24】if...else流程判斷

技術 菜雞學習JavaScript的30日讀書分享【Day 23】邏輯運算子延伸

技術 菜雞學習JavaScript的30日讀書分享【Day 22】真值與假值

技術 菜雞學習JavaScript的30日讀書分享【Day 21】邏輯運算子

技術 菜雞學習JavaScript的30日讀書分享【Day 20】逗號運算子

技術 菜雞學習JavaScript的30日讀書分享【Day 19】指派運算子

技術 菜雞學習JavaScript的30日讀書分享【Day 18】自動轉型-下

技術 菜雞學習JavaScript的30日讀書分享【Day 17】自動轉型-上

標記使用者

技術菜雞學習JavaScript的30日讀書分享【Day 30】for迴圈與while迴圈的差別

技術菜雞學習JavaScript的30日讀書分享【Day 29】break與continue

技術菜雞學習JavaScript的30日讀書分享【Day 28】while迴圈

技術菜雞學習JavaScript的30日讀書分享【Day 27】for迴圈

技術菜雞學習JavaScript的30日讀書分享【Day 26】三元運算子

技術菜雞學習JavaScript的30日讀書分享【Day 25】switch流程判斷

技術菜雞學習JavaScript的30日讀書分享【Day 24】if...else流程判斷

技術菜雞學習JavaScript的30日讀書分享【Day 23】邏輯運算子延伸

技術菜雞學習JavaScript的30日讀書分享【Day 22】真值與假值

技術菜雞學習JavaScript的30日讀書分享【Day 21】邏輯運算子

技術菜雞學習JavaScript的30日讀書分享【Day 20】逗號運算子

技術菜雞學習JavaScript的30日讀書分享【Day 19】指派運算子

技術菜雞學習JavaScript的30日讀書分享【Day 18】自動轉型-下

技術菜雞學習JavaScript的30日讀書分享【Day 17】自動轉型-上